<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/Site.js" type="text/javascript"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
    var pagelanguage;
    if (getCookie("pagelanguage") == "") {
        pagelanguage = "zh-CN";
    } else {
        pagelanguage = getCookie("pagelanguage");
    }
    if (pagelanguage == "en") {
        var fzmldetailtitle = "<h2>SITE CONTEXT</h2>";
        var fzmldetailx = "<h3>Details：</h3>";
        var fzmldetailp = "<font size='2px'>1800's—Boer's hunting field.<br>1894—Dynamite factory in Modderfontein founded.<br>1895—The first building—the laboratory building.<br>1895—The first building—the laboratory building.<br>1960's—Four reservoirs are built with the increase of population.<br>1962—Eco Reserved Park.<br>1990's—The Greenstone Shopping Center located at the southern part of Modderfontein is a well-developed business center.<br>2000's—The high-quality residential community of Lakeside & Throne Hill.2010—The railway line (Gautrain rapid transit railway system) that connects Downtown Johannesburg, Sandton, and Downtown Pretoria to the Tambo International Airport.</font>";
    } else {
        var fzmldetailtitle = "<h2>发展脉络</h2>";
        var fzmldetailx = "<h3>详细信息：</h3>";
        var fzmldetailp = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1800's布尔人偶尔用于狩猎的场所。1894年地下金矿开采的热潮导致当地政府投资于炸药厂的兴建。1960's随着人口逐渐增多，沿山谷地区先后兴建了四个水库。1962年MDF生态保护公园占地900公顷位于Modderfontein的西北角。1990's位于modderfontein南侧的Greenstone是开发较为成功的一个商业中心。1990's位于modderfontein南侧的Greenstone是开发较为成功的一个商业中心。2010年一条连接约堡中心区、Sandton、比陀市中心到坦博国际机场的Gautrain城铁的兴建与开通。";
    }
    </script>
</head>

<body>
    <div class="wrap">
        <div class="proCont" style="margin-top:30px;">
            <div class="proLeft" style="float: left;margin-top:-20px;">
                <!-- <div id="fzmldetailtitle">
    <script type="text/javascript">
    document.write(fzmldetailtitle);
    </script>
</div>
<div id="fzmldetailx">
    <script type="text/javascript">
    document.write(fzmldetailx);
    </script>
</div>
<div id="fzmldetailp" class="detailfont">
    <script type="text/javascript">
    document.write(fzmldetailp);
    </script>
</div>
 -->

                <div class="smalImg">
                    <p class="btl">
                        <a href="javascript:moveleft();">
                            <img src="img/bt_l.gif" name="Image8" width="15" height="65" border="0" id="Image8" alt="" />
                        </a>
                    </p>
                    <ul class="imgList">
                        <li id="src_img_1" style="display: none;">
                            <img id="img_1" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1800.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_2" style="display: none;">
                            <img id="img_2" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1894.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_3" style="display: none;">
                            <img id="img_3" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1895.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_4" style="display: none;">
                            <img id="img_4" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1960.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_5" style="display: none;">
                            <img id="img_5" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1962.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_6" style="display: none;">
                            <img id="img_6" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1990.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_7" style="display: none;">
                            <img id="img_7" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/2000.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_8" style="display: none;">
                            <img id="img_8" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/2010.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                    </ul>
                    <p class="btr">
                        <a href="javascript:moveright();">
                            <img src="img/bt_r.gif" name="Image7" width="15" height="65" border="0" id="Image7" alt="" />
                        </a>
                    </p>
                </div>

            </div>


            <div id="focusPrj" style="margin:auto;">
                <ul>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1800.jpg" id="img_view1" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1894.jpg" id="img_view2" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1895.jpg" id="img_view3" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1960.jpg" id="img_view4" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1962.jpg" id="img_view5" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/1990.jpg" id="img_view6" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/2000.jpg" id="img_view7" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/2010.jpg" id="img_view8" alt="" onload="AXImg(this,648,368)" />
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="Scripts/galleria.js"></script>
</body>

</html>
